*{
    margin: 0;
    padding: 0;
}

body{
    width: 100%;
    height: 100%;
    background: url('https://picsum.photos/1920/1080?random=1') no-repeat top center;
    background-size: cover;
}
.layui-main{
    padding-top: 20px;
}
/* 登录区域 */
.login-reg{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 410px;
    height: 300px;
    /* background-color: #fff; */
    background-color:rgba(223, 234, 255, 0.7);
    box-shadow: 0px 3px 3px rgba(31, 31, 31, 0.5);
    border-radius: 10px;
}

/* 登录标题 */
.title-box{
    height: 60px;
    background: url('/assets/images/login_title.png') no-repeat center;
}

/* 登录盒子 / 注册盒子 */
#loginBox,
#regBox{
    padding: 0 30px;
}

/* 表单每一项输入框 */
.layui-form-item{
    position: relative;
}

/* 登录框字体图标 */
.layui-icon-username,
.layui-icon-password{
    position: absolute;
    top:10px;
    left: 10px;
}

/* 输入框内容右移 */
.layui-input{
    padding-left: 30px;
}
/* 已有账号去登录 */
#regBox a{
    display: flex;
    justify-content: end;
}